<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        <!-- absolute开启绝对定位 
        开启绝对定位没设置偏移量则元素【位置】不变
        开启绝对定位 元素会从文档流中脱离
        绝对定位改变元素的性质 行内变块 块的高度被内容撑开
        使元素提高一个层级
        绝对定位元素相对于其包含块进行定位的 包含块
        正常情况下是离当前元素最近的祖先元素/绝对定位的包含块就是
        离他最近的开启了定位的祖先元素 若所有祖先元素都没相对定位 则依据根元素
        html（根元素、初始包含块） -->

        <!-- 固定定位
        固定定位也是一种绝对定位 大部分特性和绝对定位一样
        固定定位参考浏览器的视口进行定位
        固定定位不会随网页滚动条滚动 -->



        <!-- 粘滞定位
            和相对定位基本一致 当元素到达某个位置固定
         -->
</head>
<body>
    
</body>
</html>